<!-- Toolbox.vue -->
<template>
    <h1>{{ top }}</h1>
    <div
        class="toolbox"
        :style="{ top: `${top}px`, left: `${left}px` }"
    >
        <!-- 添加你的工具选项 -->
        <button @click="edit">编辑</button>
        <button @click="preview">预览</button>
        <button @click="deleteItem">删除</button>
    </div>
</template>

<script>
export default {
    props: ['top', 'left'],
    methods: {
        edit() {
            // 处理编辑逻辑
        },
        preview() {
            // 处理预览逻辑
        },
        deleteItem() {
            // 处理删除逻辑

        }
    }
}
</script>

<style scoped>
/* 添加样式以定义工具框的外观 */
.toolbox {
    position: absolute;
    /* 添加其他样式属性 */
}
</style>
